import Vue from 'vue'
import App from './App.vue'

Vue.config.productionTip = false

const role = "admin"
//全局自定义指令
Vue.directive("role",{
  //只调用一次,指令第一次绑定到元素时调用
  bind(el,binding){
    console.log("bind",el,binding);
  },
  //被绑定元素插入父节点时调用(可以获取到父元素)
  inserted(el,binding){
    console.log("inserted")
    if(binding.value !== role){
      console.log("1",el)
      el.remove();
    }
  },
  //所有组件Vnode更新时调用,但是可能发送在其子Vnode更新之前
  update(el,binding){
    console.log("update",el,binding)
  },
  //
  componentUpdated(el,binding){
    console.log("componentUpdated",el,binding);
  },
  //unbind:只调用一次,指令与元素解绑时调用
  unbind(el,binding){
    console.log("unbind",el,binding);
  }
})


new Vue({
  render: h => h(App),
}).$mount('#app')
